
<!DOCTYPE html> 
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

	<title>Video</title>
	<link rel="stylesheet" type="text/css" href="Harmony_files/css/video-js.css" media="screen" title="Video JS">
	<link rel="shortcut icon" type="image/icon" href="http://invent-themes.pl/demo/clear-theme/wp-content/uploads/2011/06/favicon.ico">
	<link rel="stylesheet" type="text/css" href="Harmony_files/css/site.css" media="screen">
	<link rel="stylesheet" type="text/css" href="Harmony_files/css/superfish.css" media="screen">
	<link rel="stylesheet" type="text/css" href="Harmony_files/css/tiptip.css" media="screen">
	<link rel="stylesheet" type="text/css" href="Harmony_files/css/color.css" media="screen">
	<link rel="stylesheet" type="text/css" href="Harmony_files/css/carousel.css" media="screen">
	<link rel="stylesheet" type="text/css" href="Harmony_files/css/colorpicker.css" media="screen">
    <link rel="stylesheet" type="text/css" href="Harmony_files/css/boxed.css" media="screen">
    <link rel="stylesheet" type="text/css" href="Harmony_files/css/nivo-slider.css" media="screen">
     <script type="text/javascript" src="Harmony_files/js/jquery-1.7.min.js"></script>
	<script type="text/javascript" src="Harmony_files/js/jquery.easing.js"></script>
	<script type="text/javascript" src="Harmony_files/js/jquery.jcarousel.js"></script>
	<script type="text/javascript" src="Harmony_files/js/superfish.js"></script>
    <script type="text/javascript" src="Harmony_files/js/jquery-ui.min.js"></script>
	<script type="text/javascript" src="Harmony_files/js/jquery.scrollto.min.js"></script>
	<script type="text/javascript" src="Harmony_files/js/jquery.tiptip.minified.js"></script>
	<script type="text/javascript" src="Harmony_files/js/lof-script.js"></script>
	<script type="text/javascript" src="Harmony_files/js/jquery.fancybox-1.3.4.pack.js"></script>
	<script type="text/javascript" src="Harmony_files/js/jquery.flowy.js"></script>
	<script type="text/javascript" src="Harmony_files/js/core.js"></script>
    <script type="text/javascript" src="Harmony_files/js/jquery.nivo.slider.js"></script>
    <script type="text/javascript" src="Harmony_files/js/jquery.anythingslider.fx.js"></script>
	<script type="text/javascript" src="Harmony_files/js/video.js" charset="utf-8"></script>
	<script type="text/javascript">
		VideoJS.setupAllWhenReady();
	</script>
	<script type="text/javascript" src="Harmony_files/js/core.js"></script>

	<!--[if IE 9]>
		<link rel="stylesheet" type="text/css" href="styles/ie9.css"/>
	<![endif]-->

	<!--[if lte IE 8]>
		<link rel="stylesheet" type="text/css" href="styles/ie8.css"/>
			<script type="text/javascript" src="js/coreie8.js"></script>
	<![endif]-->

</head>
<body style="background-color: rgb(254, 76, 50); ">
<div id="background" class="scrollable" style="background-image: url(Harmony_files/images/default-bottom.jpg); background-attachment: fixed; background-origin: initial; background-clip: initial; background-color: initial; background-position: 0% 0px; background-repeat: repeat repeat; ">
<div id="background-2" style="background-image: url(Harmony_files/images/default-top.png); background-attachment: fixed; background-origin: initial; background-clip: initial; background-color: initial; background-position: 0% 0px; background-repeat: initial initial; ">
			<div id="main-wrapper">
				<div class="top-page-color">

				</div>
				<div class="logo-menu-container">

					<div class="wrapper">
						<h1 id="logo"><a href="#"><img src="Harmony_files/images/atf_logo.png" alt="Harmony"></a></h1>

						<div class="head-info">
							<ul id="social-top">
								
								<li><a href="http://linkedin.com/in/damianwatracz" class="linkedin"></a></li>
								<li><a href="http://twitter.com/damianwatracz" class="twitter"></a></li>
								<li><a href="http://facebook.com/" class="facebook"></a></li>
								<li><a href="http://vimeo.com/inventgroup" class="vimeo"></a></li>
								
							</ul>
						</div>
						<ul id="nav" class="sf-menu lavaLampWithImage sf-js-enabled sf-shadow">

							<li class="selected_menu"><a class="sf-with-ul" style="color:#fff;"  href="#">Trang chủ<span class="sf-sub-indicator"> »</span></a></li>
							<li><a class="sf-with-ul" href="#">Giới thiệu<span class="sf-sub-indicator"> »</span></a>
                            	<ul style="display: none; visibility: hidden;">
									<li><a href="#">Giới thiệu chung</a></li>
									<li><a href="#">Đội ngũ Huyến luyện viên</a></li>
									<li><a href="#">Nội quy Câu lạc bộ</a></li>
								</ul>
                            </li>
							<li><a class="sf-with-ul" href="#">Thông báo<span class="sf-sub-indicator"> »</span></a></li>
							<li><a class="sf-with-ul" href="#">Dịch vụ<span class="sf-sub-indicator"> »</span></a>
                            	<ul style="display: none; visibility: hidden;">
									<li><a href="#">Thể dục thể hình</a></li>
									<li><a href="#">Thể dục thẩm mỹ</a></li>
									<li><a href="#">Làm đẹp da mặt</a></li>
									<li><a href="#">Cung cấp thiết bị phòng tập</a></li>
								</ul>
                            </li>
                            <li><a class="sf-with-ul" href="#">Các bài tập cơ bản<span class="sf-sub-indicator"> »</span></a>
                            	<ul style="display: none; visibility: hidden;">
									<li><a href="#">Thể hình</a></li>
									<li><a href="#">Thẩm mỹ</a></li>
                                    <li><a href="#">Video</a></li>
								</ul>
                            </li>
							<li><a class="sf-with-ul" href="#">Tin tức<span class="sf-sub-indicator"> »</span></a></li>
							<li><a href="#">Liên hệ</a></li>
						<li style="left: 0px; width: 103px;" class="back"><div class="left"></div></li></ul>

						<div class="clear"></div>

					</div>
				</div>

				<!--<div class="page-header">
					<div class="wrapper">
						<h2>Videos</h2> 
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
					</div>
				</div>-->
				<div class="page-header-decoration">

				</div>
				<div id="content">

					<div class="wrapper first-content">

						<h5>Danh sách ảnh trong allbum!</h5>
						<!--bat dau 1 thu vien anh-->
						<div class="invent-gallery">
							<ul id="gallery-splitter-1" class="gallery-splitter">
								<li class="gallery-all selected"><a href="#gallery-all" rel="all" style="color: rgb(253, 76, 49); ">Tất cả</a></li>
								<li class="gallery-Landscape"><a href="#gallery-Landscape" rel="gallerygroup-Landscape" style="color: rgb(253, 76, 49); ">Cảnh(Thể hình)</a></li>
								<li class="gallery-Flowers"><a href="#gallery-Flowers" rel="gallerygroup-Flowers" style="color: rgb(253, 76, 49); ">Hoa(Thẩm mỹ)</a></li>
								<li class="gallery-Photos"><a href="#gallery-Photos" rel="gallerygroup-Photos" style="color: rgb(253, 76, 49); ">Ảnh(Làm đẹp)</a></li>
							</ul>
							<div class="portfolio-1-3" style="height: 875px; ">
								<div class="gallery-Flowers gallery-Photos selected" style="opacity: 1; z-index: 3; display: block; left: 0px; top: 5px; ">
									<span class="image-decoration image-left shadow-300">
										<a href="Harmony_files/images/demo/full/01.jpg" title="Your image title" data-fancybox="2" style="color: rgb(253, 76, 49); "><span class="image-hover" style="opacity: 0; "></span><span class="image-hover-icon" style="opacity: 0; "></span>
											<img src="Harmony_files/images/demo/280x140/01.jpg" height="140" class="attachment-invent-small" alt="Your image title" title="Your image title" style=""></a>
									</span>
									<div class="image-description">
										<h5 style="color: rgb(0, 0, 0); ">  Image title</h5>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque id fermentum dolor. Nam gravida semper turpis, a facilisis odio pharetra sit amet.</p>

									</div>
								</div>

								<div class="gallery-Flowers selected" style="z-index: 3; display: block; left: 320px; top: 5px; opacity: 1; ">
									<span class="image-decoration image-left shadow-300">
										<a href="Harmony_files/images/demo/full/02.jpg" title="Your image title" data-fancybox="2" style="color: rgb(253, 76, 49); "><span class="image-hover" style="opacity: 0; "></span><span class="image-hover-icon" style="opacity: 0; "></span>
											<img src="Harmony_files/images/demo/280x140/02.jpg" height="140" class="attachment-invent-small" alt="Your image title" title="Your image title" style=""></a>
									</span>
									<div class="image-description">
										<h5 style="color: rgb(0, 0, 0); ">  Image title</h5>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque id fermentum dolor. Nam gravida semper turpis, a facilisis odio pharetra sit amet.</p>

									</div>
								</div>

								<div class="gallery-Landscape gallery-Photos selected" style="opacity: 1; z-index: 3; display: block; left: 640px; top: 5px; ">
									<span class="image-decoration image-left shadow-300">
										<a href="Harmony_files/images/demo/full/03.jpg" title="Your image title" data-fancybox="2" style="color: rgb(253, 76, 49); "><span class="image-hover" style="opacity: 0; "></span><span class="image-hover-icon" style="opacity: 0; "></span>
											<img src="Harmony_files/images/demo/280x140/03.jpg" height="140" class="attachment-invent-small" alt="Your image title" title="Your image title" style=""></a>
									</span>
									<div class="image-description">
										<h5 style="color: rgb(0, 0, 0); ">  Image title</h5>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque id fermentum dolor. Nam gravida semper turpis, a facilisis odio pharetra sit amet.</p>

									</div>
								</div>

								<div class="gallery-Landscape gallery-Flowers selected" style="z-index: 3; display: block; left: 0px; top: 295px; opacity: 1; ">
									<span class="image-decoration image-left shadow-300">
										<a href="Harmony_files/images/demo/full/04.jpg" title="Your image title" data-fancybox="2" style="color: rgb(253, 76, 49); "><span class="image-hover" style="opacity: 0; "></span><span class="image-hover-icon" style="opacity: 0; "></span>
											<img src="Harmony_files/images/demo/280x140/04.jpg" height="140" class="attachment-invent-small" alt="Your image title" title="Your image title" style=""></a>
									</span>
									<div class="image-description">
										<h5 style="color: rgb(0, 0, 0); ">  Image title</h5>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque id fermentum dolor. Nam gravida semper turpis, a facilisis odio pharetra sit amet.</p>

									</div>
								</div>

								<div class="gallery-Landscape selected" style="z-index: 3; display: block; left: 320px; top: 295px; opacity: 1; ">
									<span class="image-decoration image-left shadow-300">
										<a href="Harmony_files/images/demo/full/05.jpg" title="Your image title" data-fancybox="2" style="color: rgb(253, 76, 49); "><span class="image-hover" style="opacity: 0; "></span><span class="image-hover-icon" style="opacity: 0; "></span>
											<img src="Harmony_files/images/demo/280x140/05.jpg" height="140" class="attachment-invent-small" alt="Your image title" title="Your image title" style=""></a>
									</span>
									<div class="image-description">
										<h5 style="color: rgb(0, 0, 0); ">  Image title</h5>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque id fermentum dolor. Nam gravida semper turpis, a facilisis odio pharetra sit amet.</p>

									</div>
								</div>

								<div class="gallery-Flowers gallery-Landscape selected" style="z-index: 3; display: block; left: 640px; top: 295px; opacity: 1; ">
									<span class="image-decoration image-left shadow-300">
										<a href="Harmony_files/images/demo/full/06.jpg" title="Your image title" data-fancybox="2" style="color: rgb(253, 76, 49); "><span class="image-hover" style="opacity: 0; "></span><span class="image-hover-icon" style="opacity: 0; "></span>
											<img src="Harmony_files/images/demo/280x140/06.jpg" height="140" class="attachment-invent-small" alt="Your image title" title="Your image title" style=""></a>
									</span>
									<div class="image-description">
										<h5 style="color: rgb(0, 0, 0); ">  Image title</h5>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque id fermentum dolor. Nam gravida semper turpis, a facilisis odio pharetra sit amet.</p>

									</div>
								</div>

								<div class="gallery-Flowers gallery-Photos selected" style="opacity: 1; z-index: 3; display: block; left: 0px; top: 585px; ">
									<span class="image-decoration image-left shadow-300">
										<a href="Harmony_files/images/demo/full/07.jpg" title="Your image title" data-fancybox="2" style="color: rgb(253, 76, 49); "><span class="image-hover" style="opacity: 0; "></span><span class="image-hover-icon" style="opacity: 0; "></span>
											<img src="Harmony_files/images/demo/280x140/07.jpg" height="140" class="attachment-invent-small" alt="Your image title" title="Your image title" style=""></a>
									</span>
									<div class="image-description">
										<h5 style="color: rgb(0, 0, 0); ">  Image title</h5>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque id fermentum dolor. Nam gravida semper turpis, a facilisis odio pharetra sit amet.</p>

									</div>
								</div>

								<div class="gallery-Landscape gallery-Photos selected" style="opacity: 1; z-index: 3; display: block; left: 320px; top: 585px; ">
									<span class="image-decoration image-left shadow-300">
										<a href="Harmony_files/images/demo/full/08.jpg" title="Your image title" data-fancybox="2" style="color: rgb(253, 76, 49); "><span class="image-hover" style="opacity: 0; "></span><span class="image-hover-icon" style="opacity: 0; "></span>
											<img src="Harmony_files/images/demo/280x140/08.jpg" height="140" class="attachment-invent-small" alt="Your image title" title="Your image title" style=""></a>
									</span>
									<div class="image-description">
										<h5 style="color: rgb(0, 0, 0); ">  Image title</h5>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque id fermentum dolor. Nam gravida semper turpis, a facilisis odio pharetra sit amet.</p>

									</div>
								</div>

								<div class="gallery-Flowers gallery-Photos selected" style="opacity: 1; z-index: 3; display: block; left: 640px; top: 585px; ">

									<span class="image-decoration image-left shadow-300">
										<a href="Harmony_files/images/demo/full/09.jpg" title="Your image title" data-fancybox="2" style="color: rgb(253, 76, 49); "><span class="image-hover" style="opacity: 0; "></span><span class="image-hover-icon" style="opacity: 0; "></span>
											<img src="Harmony_files/images/demo/280x140/09.jpg" height="140" class="attachment-invent-small" alt="Your image title" title="Your image title" style=""></a>
									</span>
									<div class="image-description">
										<h5 style="color: rgb(0, 0, 0); ">  Image title</h5>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque id fermentum dolor. Nam gravida semper turpis, a facilisis odio pharetra sit amet.</p>

									</div>
								</div>



							<div class="gallery-Landscape gallery-Photos selected flowy-clone flowy-hidden" style="left: 320px; top: 5px; z-index: 2; opacity: 0; display: none; ">
									<span class="image-decoration image-left shadow-300">
										<a href="Harmony_files/images/demo/full/03.jpg" title="Your image title" data-fancybox="2" style="color: rgb(253, 76, 49); "><span class="image-hover" style="opacity: 0; "></span><span class="image-hover-icon" style="opacity: 0; "></span>
											<img src="Harmony_files/images/demo/280x140/03.jpg" height="140" class="attachment-invent-small" alt="Your image title" title="Your image title" style=""></a>
									</span>
									
								</div></div>
						</div>
						<!--Ket thuc 1 thu vien anh-->
						
					</div>


				</div>	
				<div id="widgets-container">
					<div class="widgets-container-bg">
						<div class="wrapper no-margin-top no-margin-bottom">

							<div class="column-1-4">
								<div id="text-3" class="widget-container widget_text">
									<h5 class="widget-title">Liên hệ</h5>			
									<div class="textwidget">
										<p><img src="Harmony_files/images/mark.png" class="icon" alt="" />Hiện nay, ATF.,JSC tự tin là nhà tư vấn và cung cấp các giải pháp ứng
                 dụng website, phần            
                 mềm chuyên nghiệp                  
                 hàng đầu Việt Nam, là người bạn đồng hành tin cậy trong hoạt động truyền thông của nhiều </p>
										<p><strong>P1201-N4B-Trung Hòa Nhân Chính 
Thanh Xuân - Hà Nội

 <br />Phone: +48 123 456 789<br />Fax: +84 35 560 152<br />Email: info@thethaohoabinh.com</strong>
										</p>
									</div>
								</div>			
							</div>

							<div class="column-1-4">	
								<div id="popular_posts-3" class="widget-container widget_popular_posts">
									<h5 class="widget-title">CLB Giải trí</h5>
									<ul>	
										<li><a href="post2.html"><span class="post-thumb"><img width="66" height="66" src="Harmony_files/images/post1.jpg" class="attachment-invent-widget-small" alt="full6" ></span> <span class="invent-title">Dịch vụ coffe và đồ uống dành cho người tập thể thao</span></a><div class="clear"></div></li>
										<li><a href="post2.html"><span class="post-thumb"><img width="66" height="66" src="Harmony_files/images/post2.jpg" class="attachment-invent-widget-small" alt="full51" title="full51"></span><span class="invent-title">Giải đấu bi a lần đầu tiên được tổ chứ hàng tuần tại olympia</span></a><div class="clear"></div></li>
										<li><a href="post2.html"><span class="post-thumb"><img width="66" height="66" src="Harmony_files/images/post3.jpg" class="attachment-invent-widget-small" alt="full3" title="full3"></span><span class="invent-title">Chương trình giao lưu karaoke chào đón các thành viên ...</span></a><div class="clear"></div></li>
									</ul>
                                    <a class="all-tweets" href="#">→ Xem tất cả</a>
								</div>			
							</div>

							<div class="column-1-4">
								<div id="twitter-1" class="widget-container widget_twitter">
									<h5 class="widget-title">Thông báo</h5> 
									<div class="fade-carousel">
										<div class="twitter-widget-carousel-top"></div>
										<div class="twitter-carousel-center">
											<P><a href="#">- Ngày 28/02/2012 diễn ra cuộc thi abc</a><br>

<a href="#">- Khai trương câu lạc bộ giải trí hàng đầu..<br></a>

<a href="#">- Mở lớp dạy khiêu vũ dành cho phái đẹp </a><br>
										</div>
										<div class="twitter-widget-carousel-bottom"> 
											<div class="fade-carousel-controls"></div>
											<div class="clear"></div>
										</div>
									</div>
									<a class="all-tweets" href="#">→ Xem tất cả</a>
								</div>
							</div>

							<div class="column-1-4 column-last">
								<div id="flickr-3" class="widget-container widget_flickr">
									<h5 class="widget-title">Album ảnh</h5>
									<ul>
										<li><a class="flickr_img" href=""><img alt="natalia" title="natalia" src="">
                                        	<span class="flickr-hover" ><span class="flickr-hover-arrow" ></span></span></a></li>
										<li><a class="flickr_img" href=""><img alt="zachod" title="zachod" src="">
                                        	<span class="flickr-hover" ><span class="flickr-hover-arrow" ></span></span></a></li>
										<li><a class="flickr_img" href=""><img alt="zachod 2" title="zachod 2" src="">
                                        	<span class="flickr-hover" ><span class="flickr-hover-arrow" ></span></span></a></li>
										<li><a class="flickr_img" href=""><img alt="zachod 3" title="zachod 3" src="">
                                        	<span class="flickr-hover" ><span class="flickr-hover-arrow" ></span></span></a></li>
										<li><a class="flickr_img" href=""><img alt="zwierzyniec" title="zwierzyniec" src="">
                                        	<span class="flickr-hover" ><span class="flickr-hover-arrow" ></span></span></a></li>
										<li><a class="flickr_img" href=""><img alt="zwierzyniec 2" title="zwierzyniec 2" src="">
                                        	<span class="flickr-hover" ><span class="flickr-hover-arrow" ></span></span></a></li>
										<li><a class="flickr_img" href=""><img alt="zemborzyce" title="zemborzyce" src="">
                                        	<span class="flickr-hover" ><span class="flickr-hover-arrow" ></span></span></a></li>
										<li><a class="flickr_img" href=""><img alt="zemborzyce 2" title="zemborzyce 2" src="">
                                       		 <span class="flickr-hover" ><span class="flickr-hover-arrow" ></span></span></a></li>
										<li><a class="flickr_img" href=""><img alt="zemborzyce 3" title="zemborzyce 3" src="">
                                        	<span class="flickr-hover" ><span class="flickr-hover-arrow" ></span></span></a></li>
									</ul>
								</div>	
							</div>

							<div class="clear"></div>
						</div>
					</div>
				</div>

				<div class="wrapper">
					<div id="page-bottom">

						<div id="copyright">
							<p>Copyright (c) 2012 by <a href="#" class="color" style="color: rgb(253, 76, 49); ">Olympia_HoaBinh</a>. Thiết kế bởi <a href="http://atf.com.vn" class="color" style="color: #06F;font-weight:bold; ">ATF<img src="Harmony_files/images/atf_thietkeweb.png" title="Thiết kế web giá rẻ,thiet ke website,thiết kế website,,thiết kế web,thiết kế website chuyên nghiệp,thiet ke website chuyen nghiep" style="margin-bottom:-5px;margin-left:3px; "></a></p>
						</div>

						<a href="#" class="scrolltop"></a>

						<div id="bottom-social-contener">
							<ul id="social">
								<li><a class="phone"></a></li>

								<li><a href="http://linkedin.com/in/damianwatracz" class="linkedin"></a></li>
								<li><a href="http://twitter.com/damianwatracz" class="twitter"></a></li>
								<li><a href="http://facebook.com/" class="facebook"></a></li>
								<li><a href="http://vimeo.com/inventgroup" class="vimeo"></a></li>
								<li><a href="http://invent-themes.pl/demo/harmony-html/home_lof.html#rss" class="rss"></a></li>
							</ul>
						</div>

					</div>
					<div class="clear"></div>

				</div>

				<div class="bottom-page-color">

				</div>

			</div>
		</div>
	</div>
</body>
</html>
